<template>
	<view>
		<view class="status_bar">
			<!-- 这里是状态栏 -->
		</view>
		<!-- #ifdef APP-PLUS -->
		<view style="padding: 0 20rpx;" class="flex flex-align-items justify-between">
			<view class="iconfont uni-icon-back"></view>
			<view class="text-color-h">忘记密码</view>
		</view>
		<!-- #endif -->
		<!-- #ifndef APP-PLUS -->
		<view style="padding: 0 20rpx; width: 70%;" class="flex flex-align-items justify-between">
			<view class="iconfont uni-icon-back"></view>
			<view class="text-color-h">忘记密码</view>
		</view>
		<!-- #endif -->

		<view class="padding-x-30" style="margin-top: 30rpx;">
			<view class="" style="font-size: 40rpx; font-weight: 700; margin-bottom: 100rpx;">密码登陆</view>
			<input type="text" placeholder="请输入手机号/邮箱" style="border-bottom: 1rpx solid #F1F1F1;margin-bottom: 40rpx;padding: 20rpx;color: #C0C0C0;"
			 placeholder-style="color:#F1F1F1;font-size:30rpx" />
			<input type="text" placeholder="请输入密码" style="border-bottom: 1rpx solid #F1F1F1;margin-bottom: 40rpx;padding: 20rpx;color: #C0C0C0;"
			 placeholder-style="color:#F1F1F1;font-size:30rpx" />
			<view class="main-bg-color text-align-center " style="border-radius: 10rpx;padding:20rpx;color: #FFFFFF; margin-top: 100rpx; font-size: 30rpx;font-weight: 700;">登陆</view>
			<view class="text-color-h flex " style="margin-top: 50rpx;">
				<label>
					<checkbox style="border-color: #FD6801;transform: scale(0.7);" color="#FD6801" checked="true"/>
					<text >我已经阅读协议，并同意</text>
				</label>
			</view>
			<view class="flex flex-align-items justify-content" style="margin-top: 100rpx;">
				<view class="flex">
					<view class="iconfont icon-weixinzhifu flex flex-align-items justify-content margin-x-20" style="color: #FFFFFF; border-radius: 100%;font-size: 50rpx; background-color: #09BB07;  width: 100rpx;height: 100rpx;"></view>
					<view class="iconfont icon-weixinzhifu flex flex-align-items justify-content margin-x-20" style="color: #FFFFFF; border-radius: 100%;font-size: 50rpx; background-color: #09BB07;  width: 100rpx;height: 100rpx;"></view>
				</view>
			</view>	
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.status_bar {
		height: var(--status-bar-height);
		width: 100%;
	}
</style>
